<template>
  <div>
    <el-row style="margin-bottom:30px">
      <el-button type="primary" @click="$router.back()" plain size="small">返回店铺列表</el-button>
    </el-row>
    <el-row style="margin:20px">
      <el-col :span="3" :offset="1">
        店铺编号：{{store.id}}
      </el-col>
      <el-col :span="6" :offset="2">
        店铺名称：{{store.name}}
      </el-col>
    </el-row>
    <el-row style="margin:20px">
      <el-col :span="3" :offset="1">
        行业：{{store.business}}
      </el-col>
      <el-col :span="6" :offset="2">
        联系电话：{{store.mobile}}
      </el-col>
    </el-row>
    <el-row style="padding-top:20px">
      <el-col :span="18" :offset="1">
        <manage-tabs :store = 'store'/>
      </el-col>
    </el-row>

  </div>
</template>

<script>
import ManageTabs from './components/manageTabs.vue'
import { getStoreById } from '@/api/storeManage'
export default {
  data () {
    return {
      store: {}
    }
  },
  components: {
    ManageTabs
  },
  async created () {
    const result = await getStoreById(this.$route.params.id)
    this.store = result[0]
  }
}
</script>

<style>

</style>
